<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<style>
*{  
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}
                

.top{
    background-color: #ffffff;
    }
.logo{
    width: 1100px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    padding: 10px 0;
}

.nav{
    height: 50px;
    background: url(./images/nav_bg.png);
}
.nav ul{
    display: flex;
    margin: auto;
    width: 1100px;
    text-align: center;
    line-height: 50px;
}
.nav ul li a{ 
    width: 100px;
    height: 50px;
    display: inline-block;
    background: url(./images/nav_border.png) no-repeat right;
    font-weight: 700;
    font-size: 15;
    color: black;
}

.sjt{
    width: 1100px;
    margin: auto;
    display: flex;
    justify-content: space-between;
}
.wz{
    border: 1px 0 solid gray;
    background-color: rgb(218, 218, 218);
    margin-bottom: 10px;
}
.dx{
    margin: auto;
    width: 1100px;
    display: flex;
    justify-content: space-between;
}

.st{
    width: 1100px;  
    margin: auto;
    display: flex;
    justify-content: space-between;
    padding-bottom: 100px;
}
.wz5>a{
    color: black;
}
.wz4{
    color: rgb(135, 200, 37);
    font-weight: 700;
    font-size: 14px;
    background: url(./images/jiantou.png) no-repeat center left;
    padding-left: 20px; 
}
.wz5{
    display: flex;
    justify-content: space-between;
}
.wz6{
    font-weight: 700;
    font-size: 14px;
    margin-left: 20px;
    border-bottom: 1px dashed black; 
}

.wz7{
    margin-top: 20px;
    margin-left: 20px;
    border-bottom: 1px dashed black; 
}
.st>div>ul>li>a{
    color:gray;
}
.wz2 ul li:first-child a{
    color: red;
}
.e1{
    padding-left: 20px;
    margin: 20px;
    background: url(./images/sbg.png) no-repeat left;
}
.wz8{
    font-size: 10px;
    padding-left: 20px;
}
.st>div{
    height: 300px;
    border: 1px solid rgb(0, 0, 0);
}
.sjtp{
    width: 350px; 
    padding: 10px;
}
.q1{
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 250px;
    margin: auto;
    padding-top: 50px;
}
.wz2{
    width: 450px; 
    padding: 10px;
}
.wz3{
    width: 280px;
}

.dp{
    height: 400px;
    margin-top: 100px;
    background-color:black;
    margin: auto;
    border-bottom: 1px dashed white ;
}
.dp>div>p{
    width: 120px;
    padding: 20px;
    display: flex;
    justify-content: space-between;
    margin: auto;
    width: 1100px;
    text-align: center;
    line-height: 50px;
}
.c0{
    width: 1000px;
    margin: 0 auto 50px;
    display: flex;
    justify-content: space-between;
}
.c0 div a{
    color: gray;
}
.c1{
    width: 125px;
    color: rgb(175, 175, 175);
    font-size: 12px;
}
.c2{
    color: rgb(255, 255, 255);
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 700;
}

.toq{
    background-color: black;
    display: flex;
    justify-content: flex-end;
    padding-right: 400px;
}
.dpwz{
    height: 100px;
    padding-top: 20px;
    background-color: rgb(0, 0, 0);
}
.dpwz>p{
    margin: auto;
    color:gray;
    font-size: 12;
    text-align: center;
    padding: 10px;
}
</style>
</head>
            <body>
            <div class="top"> 
                <div class="logo">
                <img src="./images/logo.png">
                <img src="./images/search.png" alt="">
                </div>
            </div>

            <div class="nav">
                <ul>
                <li><a href="#">首 页</a></li>
                <li><a href="#">智能手机</a></li>
                <li><a href="#">平板电脑</a></li>
                <li><a href="#">配件</a></li>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">关于尚合</a></li>
                </ul>
            </div>

            <div class="sjt">
                <img src="./images/banner.png" alt="" width="1300px">
                </div>
                <div class="wz">
                <div class="dx">
                <div >最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方</div>
                <div ><img src="./images/share.png" alt="" class="tp"></div>
                </div>
            </div>

            <div class="st">
                <div class="sjtp">
                <p class="wz4">新品发布 </p>
                <div class="q1">
                <div><img src="./images/left_icon.png" alt=""></div>
                <div><img src="./images/shouji.png" alt=""></div>
                <div><img src="./images/right_icon.png" alt=""></div>
                </div>
                </div>
                <div class="wz2">
                <div class="wz5">
                <p class="wz4">新闻中心</p>
                <a href="#" class="r1">更多</a>
                </div>
                <ul>
                <li class="wz6"><a href="#"> 致歉公告</li></a>
                <li class="wz7"><a href="#"> 首批尚合Aonet已全部售馨!</li></a>
                <li class="wz7"><a href="#"> 【媒体报导】国产高性价比 尚合Aonet四核手机评测</li></a>
                <li class="wz7"><a href="#">我司产品已经通过了国家强制性产品3C认证</li></a> 
                <li class="wz7"><a href="#"> 尚合Aone智能手机入网证已经获工信部门审批下发.</li></a>
                <li class="wz7"><a href="#">我司通过ISO9001:2008国际质量管理体系认证.</li></a> 
                </ul>
                </div>
                <div class="wz3">
                <p class="wz4">技术与支持</p>
                <ul>
                <li class="e1"><a href="#">售后服务</li></a>
                <li class="e1"><a href="#">投诉与建议</li></a>
                <li class="e1"><a href="#">联保网点</li></a>
                <li class="e1"><a href="#">常见问题FAQ？</li></a>
                </ul>
                <div class="wz8">
                <p>深圳市汇聚众合科技发展有限公司</p>
                <p>服务热线：400-633-7922</p>
                </div>
                </div>
            </div>

            <div class="dp">
                <div class="toq"> 
                <img src="./images/top.png" alt="">
                </div>
                <div class="c0">
                <div class="c1">
                <p class="c2">尚合首页</p>
                <p><a href="#">返回首页</p></a>
            </div>

            <div class="c1">
                <p class="c2">智能手机</p>
                <p><a href="#">Aone-T</p></a>
                <p><a href="#">Aone</p></a>
            </div>

            <div class="c1">
                <p class="c2">平板电脑</p>
                <p><a href="#">尚PAD S200</p></a>
                <p><a href="#">尚PAD S100</p></a>
                <p><a href="#">尚PAD SH-Q7</p></a>
                <p><a href="#">尚PAD SH-Q5</p></a>
            </div>

            <div class="c1">
                <p class="c2">配件中心</p>
                <p><a href="">Aone 智能手机</p></a>
            </div>

            <div class="c1">
                <p class="c2">服务与支持</p>
                <p><a href="#">售后服务</p></a>
                <p><a href="#">投诉与建议</p></a>
                <p><a href="#">联保网点</p></a>
                <p><a href="#">常见问题FAQ</p></a>
                <p><a href="#">订单查询</p></a>
                <p><a href="#">下载专区</p></a>
            </div>

            <div class="c1">
                <p class="c2">关于我们</p>
                <p><a href="#">公司介绍</p></a>
                <p><a href="#">企业文化</p></a>
                <p><a href="#">工作机会</p></a>
                <p><a href="#">法律声明</p></a>
                <p><a href="#">联系我们</p></a>
            </div>

            <div class="c1">
                <p class="c2">新闻中心</p>
                <p><a href="#">公司新闻</p></a>
                <p><a href="#">媒体报导</p></a>
                <p><a href="#">行业动态</p></a>
            </div>

            <div class="c1">
                <p class="c2">常用链接</p>
                <p><a href="#">百度</p></a>
                <p><a href="#">Google</p></a>
                <p><a href="#">新浪微博</p></a>
            </div>
            </div>
            </div> 
            <div class="dpwz">
                <p>2011-2012版权所有 深圳市汇聚众合科技发展有限公司 （品牌：尚合-SAMHAVE） 服务热线：400-633-7922</p>
                <p>经营许可证编号:粤ICP备11077821号-1</p>
            </div>   

            </div>
</body>
</html>